

.btn{
    position: absolute;
    top: 50px;
    right: 0px;
}


.file_tags {
    @mp: 5px;
    height: 120px;
    overflow-y: auto;
    background: #f5f5f5;
    border: 1px dashed rgb(255, 156, 156);
    padding: @mp;
    margin-bottom: @mp;
    // .scrool;

    .tag {
        @mp: 3px;
        display: inline-block;
        padding: @mp 10px;
        margin: @mp;
        background: rgb(252, 225, 152);
        border: 1px solid rgb(214, 214, 60);
        border-radius: 5px;
        cursor: move;
    }

    .tag_drag {
        .tag;
        background: none;
        border: 1px dashed #ccc;
        color: #ccc;
    }
}

.table_tags {
    @mp: 5px;
    overflow-y: auto;
    margin-top: @mp;
    // .scrool;

    .table_tag {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        box-sizing: border-box;
        background-clip: content-box;

        p{
            margin: 0px;
            position: relative;
            margin-right: 15px;
            overflow: hidden;
            white-space:nowrap;

            span{
                position:absolute;
                right: 0px;
                color: rgb(189, 189, 189);
            }
        }

        .table_drop_box {
            background: rgb(255, 229, 229);
            margin-right: 15px;
            height: 40px;
            overflow: hidden;
            overflow-y: auto;
            border: 2px solid  rgb(238, 238, 238);
            // .scrool;

            .tag {
                .file_tags .tag;
            }

            .tag_drag {
                .file_tags .tag_drag;
            }
        }

        .table_drop_box_over{
            .table_drop_box ;
            // background: rgb(250, 52, 52);
            border: 2px dashed red;
        }
    }
}